<template>
  <div class="register" :style="{minHeight:h+'px'}">
    <div style="padding: 15px 60px; color: #ec512b; background: #f9dc55; position: fixed; left: 0; top: 0; width: 100%;">郑重提醒：{{moban.platform_name}}平台仅提供平台技术服务，无号卡销售业务，不会以任何名义招揽代理（分销）商，任何地方打着“{{moban.platform_name}}”名义招收代理商的信息均为虚假，谨防上当！</div>
    <vue-particles color="#ccc"></vue-particles>
    <div class="con">
      <div class="top-logo2 css1aa289159515f37">{{moban.platform_name}}订单管理与分销平台店铺注册</div>
      <div class="center">
        <el-form ref="form" @submit.native.prevent :model="form" label-width="120px" :rules="rules">
          <el-form-item label="店铺名称：" prop="name">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item label="设置密码：" prop="pass">
            <el-input v-model="form.pass" show-password></el-input>
          </el-form-item>
          <el-form-item label="再次输入：" >
            <el-input v-model="form.pass2" show-password></el-input>
          </el-form-item>
          <el-form-item label="店铺负责人：" prop="user">
            <el-input v-model="form.user"></el-input>
          </el-form-item>
          <el-form-item class="code" label="联系电话：" prop="phone">
            <el-input v-model="form.phone"></el-input>
            <el-button style="padding: 9px 30px;" type="danger" @click="getcode" :disabled="jinyong" size="mini">
              {{tishi}}</el-button>
          </el-form-item>
          <el-form-item label="验证码：">
            <el-input v-model="form.code"></el-input>
          </el-form-item>

          <el-form-item label="">
            <el-checkbox v-model="checked" style="margin-right: 10px;"></el-checkbox>
            <span @click="log = true" style="margin-left:0px;cursor:pointer;color: #2673F9;">同意平台使用规则</span>
          </el-form-item>
          <el-form-item label="" class="resan">
            <el-button type="danger" @click="register">注册</el-button>
          </el-form-item>
          <div class="gologin">已有账号？<router-link to="/login">登录</router-link>
          </div>
        </el-form>
      </div>
    </div>
    <el-dialog :visible.sync="log" width="800px" style=" padding-bottom: 30px;" :close-on-click-modal="false" :close-on-press-escape="false"
     :show-close="false">
    	<div>
        <div>请认真阅读以下协议内容:</div>
        <p>{{moban.platform_name}}系统用户协议</p>
        <p>签约须知：</p>
        <p>《{{moban.platform_name}}系统合作协议》（以下简称“本协议”）是由{{moban.platform_name}}系统的开发和运营方即烟台敢探号网络科技有限公司（以下简称“甲方”）与以独立第三方经营者身份入驻{{moban.platform_name}}系统的法律实体（以下简称“乙方”或“乙方”）达成的关于提供和使用{{moban.platform_name}}系统服务的各项条款。
        甲方在此特别提醒乙方认真阅读本协议各条款，并请乙方审慎考虑并选择接受或不接受本协议。如果乙方点击“我已经阅读并同意”按钮（前述按钮的具体表述可能会做适当调整，下同），即表示乙方已充分阅读、理解并自愿接受本协议，同意受本协议各项条款的约束。
        本“签约须知”为本协议正文的组成部分。

        </p><p>1.协议内容及生效
        </p><p>1.1.协议内容。本协议包括协议正文、附件及所有甲方已经发布的或将来可能发布的各类规则、规范、规则解读、实施细则、通知、公告等（以下合称“系统规则”）。所有附件及系统规则均为本协议不可分割的一部分，与协议正文具有同等法律效力。协议正文、附件与系统规则冲突的，以发布在后的文件为准执行。
        </p><p>1.2.协议变更及生效。甲方有权变更（包括但不限于制定、修订、废止）本协议正文、附件及/或系统规则，将至少提前一日在甲方网站公示，并载明生效日期，乙方应实时关注公示内容。如乙方不接受变更，应当在公示期间内申请退出系统，无法使用系统功能，本协议将终止。乙方清楚知晓、同意并确认前述退出状态下的功能限制，甲方对于该等限制、协议终止不负有任何违约责任或其他责任。如乙方未按前述约定申请退出，即视为乙方接受前述变更事项。

        </p><p>2.合作方式
        </p><p>2.1.乙方在遵守本协议及系统规则、不存在违约情形的前提下，可以正常使用{{moban.platform_name}}系统。若乙方存在违约行为，系统有权限制乙方的部分或全部功能。
        </p><p>2.2.守法依规经营。乙方在{{moban.platform_name}}系统注册成功后，应当根据法律、法规及系统规则发布产品或使用服务、向与其有合作关系的其他{{moban.platform_name}}商家提供售前售后服务。
        </p><p>2.3.甲方服务范围。甲方负责{{moban.platform_name}}系统的日常维护、技术支持，保证系统的正常运作。作为电商ERP系统经营者，甲方仅为提高乙方订单处理、乙方之间分销与订单流转的效率等提供技术服务，甲方并非乙方与消费者之间、乙方与其他商家之间交易行为的参与方，不对乙方及/或消费者的任何口头、书面陈述或承诺，发布的信息及交易行为的真实性、合法性、准确性、及时性、有效性等作任何明示或暗示的保证。
        </p><p>2.4.收费标准。乙方充分理解并确认，甲方有权就系统提供的技术服务向乙方收取费用，包括但不限于订单处理服务费、短信费、H5开发费、接口对接与开发、个性化定制开发等。具体收费标准以双方之间的约定（如有）或系统规则的规定为准。
        </p><p>2.5.甲方技术服务采用预付费制，乙方需关注账户余额变化，并及时充值，若因未及时充值导致{{moban.platform_name}}服务无法正常使用，责任由乙方承担。

        </p><p>3.资格要求、证明文件及信息
        </p><p>1.2.3.3.1.资格要求。乙方保证具有履行本协议所需的行为能力及所有必要的资质和授权。
        </p><p>3.2.证明文件及信息提交。乙方应当在{{moban.platform_name}}系统中提交身份信息，包括但不限于个体经营者的身份证、营业执照、法人身份信息，并对信息的完整性和真实性负责。
        </p><p>3.3.证明文件及信息变更的通知。协议期内，上述相关证明文件或信息发生任何变更，乙方都应及时通知甲方并更新相关证明文件或信息，因乙方未及时更新导致系统无法正常使用的，乙方自行承担责任。

        </p><p>4.乙方可享受的技术服务内容
        </p><p>1.2.3.4.4.1.乙方可通过{{moban.platform_name}}系统上架商品，在乙方自营电商等渠道销售；
        </p><p>4.2.乙方可通过{{moban.platform_name}}系统发布商品，并由乙方授权的其他{{moban.platform_name}}商家分销；
        </p><p>4.3.乙方可通过{{moban.platform_name}}系统分销其他商家发布的商品（经该商家授权）；
        </p><p>4.4.乙方可对乙方订单进行查看和处理；
        </p><p>4.5.经与甲方单独约定开发的定制化服务。

        </p><p>5.商品质量保证
        </p><p>1.2.3.4.5.5.1.如实描述。乙方保证如实描述有关商品信息，不做引人误解的虚假宣传，不存在发布虚假广告、欺骗和误导分销商及消费者等行为。
        </p><p>5.2.若乙方所销售商品虚假、误导导致投诉，甚至导致运营商及监管部门的处罚，所有后果由乙方自行承担，与甲方无关。
        </p><p>5.3.乙方知晓{{moban.platform_name}}系统仅提供技术支持，不参与乙方运营商业行为，因此乙方分销其他商家的商品，需自行确认商品真实性，自行评估对方的信誉，并承担由此带来的一切后果，包括但不限于商品的问题、佣金的结算问题等。
        </p><p>5.4.乙方通过{{moban.platform_name}}系统发布商品并向其他商家分销的，需自行监管分销商的销售合规性，因非甲方技术原因导致的任何纠纷，均由乙方自行与分销商沟通处理。

        </p><p>6.在线服务
        </p><p>4.5.6.6.1.甲方将在{{moban.platform_name}}系统设置操作说明，乙方可通过该文档自行学习使用方法。
        </p><p>6.2.甲方也会设置人工客服，尽量对乙方操作中的技术疑难问题予以解答。
        </p><p>6.3.若有定制化服务，乙方可与甲方人工客服对接，经甲方评估后进行报价，必要时签订单独的合作协议。
        </p><p>6.4.对乙方产品本身的问题，非甲方技术问题的，甲方有权不予解答。

        </p><p>7.知识产权
        </p><p>7.1.“{{moban.platform_name}}”是甲方自主研发且已注册商标的软件系统，拥有完整知识产权。任何冒用“{{moban.platform_name}}”名称或商标的行为均视为侵权，
        </p><p>7.2.乙方责任。乙方同意并保证，若其注册与“{{moban.platform_name}}”近似的商标、名称、标识、标志、微信公众号、域名、网页等，用于开展与{{moban.platform_name}}相同、相关或相似的业务，或从事同行业服务或号卡行业销售及服务的，则应当在甲方或甲方关联方提出相关要求时，无偿将相关商标、名称、标识、标志、微信公众号、域名、网页等转让给甲方或甲方关联方。如由此给甲方及/或甲方关联方造成损失的，乙方应赔偿全部损失并消除给甲方及/或甲方关联方造成的不良影响。

        </p><p>8.保密条款
        </p><p>8.1.商业秘密范围及保密期限。本协议所称商业秘密包括但不限于本协议、任何补充协议所述内容及在合作过程中涉及的其他秘密信息。任何一方未经商业秘密提供方同意，均不得将该信息向任何第三方披露、传播、编辑或展示。协议方承诺，本协议终止后仍承担此条款下的保密义务，直至对方的商业秘密非因承诺方的原因已为公众所知悉。
        </p><p>8.2.合法披露。因对方书面同意以及国家行政、司法强制行为而披露商业秘密的，披露方不承担责任；该商业秘密已为公众所知悉的，披露方不承担责任。
        </p><p>8.3.乙方使用系统资料的限制。乙方不得将从甲方系统获取的任何信息或数据用于本协议约定以外的用途；未经甲方许可，不擅自获取、使用、传播甲方系统的任何资料。

        </p><p>9.承诺与保证
        </p><p>9.1.账户的保管。乙方应妥善保管、使用甲方提供的相关账户（包括但不限于用户名、原始密码信息）及/或乙方自行修改的密码，并确保使用其该等账户的主体均为乙方或乙方授权的人员；除非适用的法律法规另有明确规定或本协议另有明确的约定，乙方不得以任何形式泄露、擅自转让、披露或授权他人使用该账户。
        </p><p>9.2.违法行为的禁止。乙方签署及履行本协议过程中应当遵守有关法律法规以及其他任何对其适用的规定，不得利用甲方或甲方系统从事任何违法活动，包括但不限于侵害任何第三方的合法权益或者获取任何不正当利益，乙方应就其实施的与本协议有关的行为承担全部责任。
        </p><p>9.3.乙方信息的披露。乙方知悉并同意：甲方有义务根据有关法律要求向司法机关和政府部门提供乙方的信息和资料。
        </p><p>9.4.乙方承诺在甲方所维护的信息尤其是提现等账户信息的准确性，否则由此造成的资金损失由乙方自行承担。
        </p><p>9.5.乙方发布的内容或跳转链接不得涉及：赌博、色情、诈骗、恐吓、政治反动等与国家法律法规或政策相违背的内容。


        </p><p>10.禁止销售范围
        </p><p>10.1.乙方应当确保乙方对乙方在系统上发布的商品及/或服务享有相应的权利，乙方不得在系统上销售以下商品及/或提供以下服务：
        </p><p>10.1.1.国家禁止或限制的；
        </p><p>10.1.2.侵犯他人知识产权或其它合法权益的；

        </p><p>11.有限责任
        </p><p>11.1.技术手段。乙方了解并同意，鉴于现有技术水平和客观条件的限制，甲方将采取一切可能的技术手段保持乙方使用甲方系统服务所涉的技术和信息的有效性、准确性、可靠性、及时性、稳定性、完整性，但甲方对此不作任何承诺或保证。
        </p><p>11.2.外部影响。不论在何种情况下，甲方均不对由于Internet连接故障，电脑、通讯或其他系统的故障，第三方攻击，电力故障，罢工，劳动争议，暴乱，起义，骚乱，生产力或生产资料不足，火灾，洪水，风暴，爆炸，不可抗力，战争，政府行为，国际、国内法院的命令或第三方的不作为而造成的不能服务或延迟服务承担责任。
        </p><p>12.个人信息保护
        </p><p>12.1.双方须严格遵守网络安全与数据保护相关法律的要求，在经营过程中收集、使用及共享的信息中涉及系统用户个人信息的，须遵循合法、正当、必要原则，不得违反相关法律的规定及与用户之间的约定，包括：在无用户其它授权的情况下，双方应将用户的订单信息等与交易有关的必要信息仅用于为满足用户购买商品或服务、完成售后服务的目的；禁止未经用户明确同意或超出用户授权范围使用其信息或非法向他人提供用户个人信息等。
        </p><p>12.2.乙方向平台提交的信息中涉及如企业法定代表人身份证复印件或其身份证号码等个人敏感信息的，乙方保证已获得相关个人信息主体的明确同意，相关使用目的与行为符合本人意愿及相关法律的要求。
        </p><p>13.个人信息安全
        </p><p>13.1.双方应当采取必要的技术措施保障数据安全，在发生或可能发生信息安全风险时，应当立即采取补救措施，按照规定及时告知用户并向有关主管部门报告。

        </p><p>14.期限和终止
        </p><p>14.1.期限。本协议期限为自签署之日起至协议解除之日止，但保密、违约责任、售后服务义务及产品质量保证责任在协议终止后将继续有效。
        </p><p>14.2.终止
        </p><p>14.2.1.乙方退出。乙方有权申请解除本协议、退出{{moban.platform_name}}系统。
        </p><p>14.2.2.系统解除。出现下列情形之一的，甲方有权单方解除本协议：
        </p><p>（1）乙方违反系统规则或本协议中的承诺或保证，包括但不限于本协议项下的任何约定;
        </p><p>（2）乙方超过九十（90）天未以乙方后台管理账户及密码登录{{moban.platform_name}}系统;
        </p><p>（3）乙方未能按期全额支付有关服务费用；
        </p><p>（4）乙方与甲方产生纠纷，或乙方行为可能影响甲方商誉；
        </p><p>（5）乙方擅自终止履行本协议或者将本协议项下权利义务转让给任何第三方；
        </p><p>（6）甲方自主决定解除本协议，并以书面形式提前通知乙方；
        </p><p>（7）可以解除协议的其他情形。
        </p><p>14.3.协议终止后事项的处理
        </p><p>14.3.1.账户关闭。自本协议终止之日起，甲方将关闭乙方在甲方的账户权限，乙方将无法再通过该账户进行任何形式的操作，且{{moban.platform_name}}系统不再显示任何乙方产品信息。
        </p><p>14.3.2.数据处理。本协议终止后，甲方有权保留乙方的注册信息及交易行为记录等数据，但甲方没有为乙方保留这些数据的义务，亦不承担在协议终止后向乙方或第三方提供任何数据信息的义务，也不就协议终止向乙方或任何第三方承担责任，但法律另有规定的除外。
        </p><p>14.3.3.不免除售后责任。本协议终止并不免除乙方依据本协议应向客户承担的售后服务及产品保证责任，乙方仍应履行售后服务义务及产品质量保证责任；如在本协议终止后，因售后服务问题或乙方产品质量问题导致甲方或其他第三方人身或财产损失的，乙方仍应承担全部责任。

        </p><p>15.违约责任
        </p><p>15.1.总体要求。乙方违反与甲方的各项约定，或者违反系统规则及有关法律法规规定的，甲方有权要求乙方承担违约责任。
        </p><p>15.1.1.违约责任。乙方的违约行为致使甲方及/或其关联公司利益遭受损失的，乙方应赔偿甲方及/或其关联公司的损失。上述损失包括但不限于直接经济损失、商户流失损失、商誉损失、以及甲方及/或其关联公司为减少损失、防止损失扩大、固定证据或者追究乙方相关法律责任所支出的诉讼费、保全费、公证费、律师费、差旅费、鉴定费等一切有关费用和支出。乙方的违约行为造成甲方及/或其关联方商誉受损的，乙方还应为甲方及/或其关联方消除影响，消除影响的方式包括但不限于在公开发行的报刊、新闻媒体上刊登声明等。
        </p><p>15.2.系统的责任。协议履行期间，若甲方违反本协议约定导致乙方遭受损失的，乙方有权要求甲方承担违约责任。

        </p><p>16.不可抗力
        </p><p>16.1.由于不可抗力事件导致一方不能及时履行或者不能履行该方在本协议下的任何义务（付款义务除外）的，不构成违约。但是受不可抗力事件影响的一方应立即把不可抗力事件的性质和程度通知对方，并积极采取相应补救措施，以最大程度地减少和避免损失。

        </p><p>17.通知
        </p><p>17.1.有效联系方式
        </p><p>17.1.1.乙方在注册成为系统用户并接受甲方服务时，乙方应该向甲方供真实有效的联系方式（包括乙方的电子邮件地址、联系电话、联系地址等），联系方式发生变更的，乙方有义务及时更新有关信息，并保持可被联系的状态。
        </p><p>17.1.2.乙方在注册用户时生成的用于登陆系统接收系统消息的会员账号（包括子账号），也作为乙方的有效联系方式。
        </p><p>17.1.3.系统将向乙方的上述联系方式的其中之一或其中若干向乙方送达各类通知，而此类通知的内容可能对乙方的权利义务产生重大的有利或不利影响，请乙方务必及时关注。
        </p><p>17.2.通知的送达
        </p><p>17.2.1.系统通过上述联系方式向乙方发出通知，其中以电子的方式发出的书面通知，向乙方提供的联系电话发送手机短信，向乙方提供的电子邮件地址发送电子邮件，向乙方的账号发送系统消息，在发送成功后即视为送达；以纸质载体发出的书面通知，按照提供联系地址交邮后的第五个自然日即视为送达。
        </p><p>17.2.2.对于在系统内因交易活动引起的任何纠纷，乙方同意司法机关（包括但不限于人民法院）可以通过手机短信、电子邮件等通讯方式或邮寄方式向乙方送达法律文书（包括但不限于诉讼文书）。乙方指定接收法律文书的手机号码、电子邮箱等联系方式为乙方在注册、更新时提供的手机号码、电子邮箱等联系方式，司法机关向上述联系方式发出法律文书即视为送达。乙方指定的邮寄地址为乙方的法定联系地址或乙方提供的有效联系地址。
        </p><p>17.2.3.乙方同意司法机关可采取以上一种或多种送达方式向乙方达法律文书，司法机关采取多种方式向乙方送达法律文书，送达时间以上述送达方式中最先送达的为准。
        </p><p>17.2.4.乙方同意上述送达方式适用于各个司法程序阶段。如进入诉讼程序的，包括但不限于一审、二审、再审、执行以及督促程序等。
        </p><p>17.2.5.乙方应当保证所提供的联系方式是准确、有效的，并进行实时更新。如果因提供的联系方式不确切，或不及时告知变更后的联系方式，使法律文书无法送达或未及时送达，由乙方自行承担由此可能产生的法律后果。

        </p><p>18.法律适用及管辖
        </p><p>18.1.本协议及其修订的有效性、履行与本协议及其修订效力有关的所有事宜，将受中国法律管辖，任何争议仅适用中华人民共和国法律。
        </p><p>18.2.本协议签订地与履行地均为甲方的住所地。因本协议所引起的乙方与甲方的任何纠纷或争议，首先应友好协商解决。协商不成的，争议任一方有权将纠纷或争议提交甲方住所地有管辖权的人民法院诉讼解决。</p>

      </div>
    	<span slot="footer" class="dialog-footer">
        <el-button type="danger" @click="back">拒绝</el-button>
    		<el-button type="primary" @click="tongyi" :disabled="num != 0">同意({{num}})</el-button>
    	</span>
    </el-dialog>
  </div>
</template>

<script>
  import axios from 'axios'
  export default {
    data() {
      return {
        form: {
          name: '',
          pass: '',
          pass2: '',
          user: '',
          phone: '',
          code: ''
        },
        rules:{
          name: [
            { required: true, message: '请填写店铺名称', trigger: 'blur' }
          ],
          pass: [
            { required: true, message: '密码不少于8个字符，需至少一个大写字母小写字母及数字', trigger: 'blur' },
          ],
          phone: [
            { required: true, message: '请填写手机号', trigger: 'blur' }
          ],
          user: [
            { required: true, message: '请填写负责人姓名', trigger: 'blur' }
          ]
        },
        checked: false,
        count: 60,
        tishi: "获取验证码",
        jinyong: false,
        shopid: "",
        h: "",
        log:true,
        num:5
      }
    },
    created() {
      //左边导航高度
      var h = document.documentElement.clientHeight;
      this.h = h;

      //传进来的supplier_id
      if (this.$route.query.supplier_id) {
        this.shopid = this.$route.query.supplier_id
      }

      var that = this
      document.onkeydown = function(e) {
        var ev = document.all ? window.event : e;
        if (ev.keyCode == 13) {
          that.register()
        }
      }
      setInterval(()=>{
        if(this.num > 0){
          this.num--
        }
      },1000)
    },
    methods: {
      tongyi:function(){
        this.log = false
        this.checked = true
      },
      back(){
        this.$router.push('/login')
      },
      rulesee: function() {
        window.open(window.location.origin + window.location.pathname + "#/rule")
      },
      //获取验证码
      getcode: function() {
        if (this.form.phone == "") {
          this.$message.error('请先输入手机号');
        } else {
          this.jinyong = true
          var that = this;
          var params = new URLSearchParams();
          params.append('mobile', this.form.phone);
          axios.post('/api/auth/sms_code', params)
            .then(response => {
              if (response.data.msg.code == 0) {
                this.$message({
                  message: '验证码已发送！',
                  type: 'success'
                });
                that.daojishi()
              } else {
                this.$message.error(response.data.msg.info);
              }
            })
        }
      },
      //注册
      register: function() {

        this.$refs.form.validate((valid) => {
          console.log(valid)
          if (valid) {
            if (this.form.pass != this.form.pass2) {
              this.$message.error('两次输入的密码不同，重新输入。');
              return false
            }
            if (this.form.code == "") {
              this.$message.error('请输入验证码。');
              return false
            }
            if (this.checked == false) {
              this.$message.error('还未同意平台使用规则。');
              return false
            }
            var that = this;
            var params = new URLSearchParams();
            params.append('name', this.form.name);
            params.append('real_name', this.form.user);
            params.append('password', this.form.pass);
            params.append('mobile', this.form.phone);
            params.append('sms_code', this.form.code);
            params.append('supplier_id', this.shopid);

            //注册
            axios.post('/api/plan-market/shop/register', params)
              .then(response => {
                if (response.data.msg.code == 0) {
                  this.$message({
                    message: '注册成功！',
                    type: 'success'
                  });
                  localStorage.setItem('USER', JSON.stringify(response.data.data));
                  that.$router.push({
                    path: '/shimingrenzheng',
                    query: {
                      id: response.data.data.id
                    }
                  })
                } else {
                  this.$message.error(response.data.msg.info);
                  this.count = 0
                }
              })
          } else {

            return false;
          }
        });


      },
      //倒计时功能
      daojishi: function() {
        var interval;
        interval = window.setInterval(() => {
          if (this.count <= 0) {
            window.clearInterval(interval)
            this.tishi = "获取验证码",
              this.jinyong = false
            this.count = 60
          } else {
            this.count -= 1;
            this.tishi = this.count + "秒重新获取"

          }
        }, 1000);
      }
    }
  }
</script>

<style lang="scss" scoped>
  .register {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url('https://file.storep.91haoka.cn/gantanhao/bj.png');

    /deep/ .el-dialog__header{ padding: 0;}
    /deep/ .el-dialog__body{ height: 600px; overflow: auto;}
    #particles-js {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 9
    }

    .con {
      width: 700px;
      margin: 0 auto;
      z-index: 10;

      /deep/ .el-input__inner {
        line-height: 36px;
        height: 36px;
      }

      /deep/ .el-button--danger {
        padding: 10px 30px;
        line-height: 14px;
      }

      .rulesee {
        color: #2673F9;
        cursor: pointer;
      }

      .top-logo2 {
        font-size: 30px;
        color: #EEF7FF;
        margin-bottom: 20px;
      }

      .center {
        background: #FFFFFF;
        box-shadow: 0px 0px 5px #EEF7FF;
        border-radius: 5px;
        min-width: 700px;

        .title {
          text-align: center;
          padding: 20px;
          color: #EEF7FF;
          font-size: 20px;
        }

        /deep/ .el-form {
          width: 400px;
          margin: 0 auto;
          font-size: 14px;
          padding: 40px 0;

          .code {
            position: relative;

            /deep/ .el-button {
              position: absolute;
              right: 0px;
              top: 3px;
            }
          }

          .resan {
            /deep/ .el-button {
              width: 280px;
              margin-left: -60px;
            }
          }

          .gologin {
            text-align: center;
            margin-top: 20px;

            a {
              color: #2673F9
            }
          }
        }
      }
    }
  }
</style>
